<template>
    <div>
        <!-- 我的收藏 -->
        <div>
            <router-link to="/shezhi/wdsc">
                <!-- 使用icon 插槽来自定义左侧图标 -->
                <van-cell title="我的收藏" icon="star-o" style="height:60px" center>
                    <!-- 使用 right-icon 插槽来自定义右侧图标 -->
                    <template #right-icon>
                        <van-icon name="arrow" />

                    </template>
                </van-cell>
            </router-link>
        </div>
        <div>
            <!-- 使用icon 插槽来自定义左侧图标 -->
            <router-link to="/shezhi/sys">
                <van-cell title="实验室" icon="bulb-o" style="height:60px" center>
                    <!-- 使用 right-icon 插槽来自定义右侧图标 -->
                    <template #right-icon>
                        <van-icon name="arrow" />

                    </template>
                </van-cell>
            </router-link>
        </div>
        <div>
            <!-- 使用icon 插槽来自定义左侧图标 -->
            <router-link to="/shezhi/yjfk">
                <van-cell title="意见反馈" icon="service-o" style="height:60px" center>
                    <!-- 使用 right-icon 插槽来自定义右侧图标 -->
                    <template #right-icon>
                        <van-icon name="arrow" />

                    </template>
                </van-cell>
            </router-link>
        </div>
        <div>
            <!-- 使用icon 插槽来自定义左侧图标 -->
            <router-link to="/shezhi/gywm">
                <van-cell title="关于我们" icon="friends-o" style="height:60px" center>
                    <!-- 使用 right-icon 插槽来自定义右侧图标 -->
                    <template #right-icon>
                        <van-icon name="arrow" />
                    </template>
                </van-cell>
            </router-link>

        </div>

    </div>
</template>

<script>
export default {

}
import Vue from 'vue';
import { Cell, CellGroup } from 'vant';

Vue.use(Cell);
Vue.use(CellGroup);
</script>

<style>
</style>